{extend name="public:base" /}
{block name="js"}
<script type="text/javascript" src="__STATIC__/js/plugins/chosen/chosen.jquery.js"></script>

{block name="content"}
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox ">
                <div class="ibox-content">
                    <form method="post" id="user-form" class="ajax-form" action="{:url('add')}">
                        <input name="uid" type="hidden">
                        <div class="box-item">
                            <div class="form-group row">
                                <label class="col-sm-1 col-form-label">印章名称</label>
                                <div class="col-sm-3" autocomplete="off">
                                    <input type="text" name="name"
                                           autocomplete="off"
                                           class="form-control required-validate" placeholder="请输入印章名称">
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>
                        <div class="box-item">
                            <div class="form-group row">
                                <label class="col-sm-1 col-form-label">设备编号</label>
                                <div class="col-sm-3">
                                    <input type="text" name="number" class="form-control" disabled
                                           placeholder="设备编号">
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>
                        <div class="box-item">
                            <div class="form-group row">
                                <label class="col-sm-1 col-form-label">印章类型</label>
                                <div class="col-sm-3">
                                    <select class="form-control m-b" name="seal_type">
                                        {volist name="sealTypes" id="entity"}
                                        <option value="{$entity.id}">{$entity.name}</option>
                                        {/volist}
                                    </select>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>
                        <div class="box-item">
                            <div class="form-group row">
                                <label class="col-sm-1 col-form-label">印章状态</label>
                                <div class="col-sm-3">
                                    <select class="form-control m-b" name="status">
                                        {volist name="statuses" id="entity"}
                                        <option value="{$entity.id}">{$entity.name}</option>
                                        {/volist}
                                    </select>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>
                        <div class="box-item">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">所属部门</label>
                                <div class="col-sm-3">
                                    {volist name="departments" id="entity" key="key"}
                                    <div class="i-checks">
                                        <label>
                                            <input type="checkbox" value="{$entity.id}" name="department_ids"> <i></i>
                                            {$entity.name}
                                        </label>
                                    </div>
                                    {/volist}
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>
                        <div class="box-item data_1">
                            <div class="form-group row"><label class="col-sm-1 col-form-label">收到日期</label>
                                <div class="col-sm-3 date">
                                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                    <input type="text" class="form-control" value="2021-12-11">
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>

                        <div class="box-item">
                            <div class="form-group row">
                                <label class="col-sm-1 col-form-label">印章描述</label>
                                <div class="col-sm-3">
                                    <textarea class="form-control" name="textarea" rows="8"></textarea>
                                    <span class="form-text m-b-none">这是说明文字这是说明文字这是说明文字这是说明文字</span>
                                </div>
                            </div>
                            <div class="hr-line-dashed"></div>
                        </div>
                        <div class="form-group row">
                            <div class="col-sm-4 col-sm-offset-2">
                                <button type="button" class="btn btn-w-m btn-default back-page">返回</button>
                                <button type="submit" class="btn btn-w-m btn-primary">提交</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

{/block}

{block name='js'}
<script type="text/javascript" src="__PLUG__/kindeditor/kindeditor-all.js"></script>
<script type="text/javascript" src="__ADMIN__/js/plugins/typehead/bootstrap3-typeahead.min.js"></script>
<script>
    $(document).ready(function () {
        <!-- 实例化编辑器 -->
        $('#data_1 .input-group.date').datepicker({
            todayBtn: "linked",
            keyboardNavigation: false,
            forceParse: false,
            calendarWeeks: true,
            autoclose: true
        });

        function updateImg() {
            // $("#upload_img").click(function () {
            $("#img_file").trigger("click");
            // })

            $('#img_file').change(function () {
                var pic = $(this)[0].files[0];
                var formData = new FormData();
                var url = "{:url('UploadFile/uploadPicture',array('session_id'=>session_id()))}";
                formData.append('download', pic);
                $.ajax({
                    url: url,
                    type: "post",
                    data: formData,
                    cache: false,
                    contentType: false,
                    processData: false,
                    success: function (data) {
                        if (data.status == 1) {
                            //上传成功
                            var id = data.id;
                            var path = data.path;
                            console.log(data);
                            return;

                            $('#img').val(id);
                            $('#uploadImg').attr('src', path);
                        } else {
                            layer.msg(data.info);
                        }
                    }
                });
            });
        }
    })
</script>
{/block}
